<template>
    <div>
        <swiper :imageList="imageList" :isfull="true"></swiper>

       <!--六宫格-->
        <ul class="mui-table-view mui-grid-view mui-grid-9">
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <router-link to="/home/newslist">
                    <span class="mui-icon mui-icon-home"></span>
                    <div class="mui-media-body">新闻资讯</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <router-link to="/home/photolist">
                    <span class="mui-icon mui-icon-email"></span>
                    <div class="mui-media-body">图片分享</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <router-link to="/home/goodslist">
                    <span class="mui-icon mui-icon-chatbubble"></span>
                    <div class="mui-media-body">商品购买</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <router-link to="#">
                    <span class="mui-icon mui-icon-location"></span>
                    <div class="mui-media-body">留言反馈</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <router-link to="#">
                    <span class="mui-icon mui-icon-search"></span>
                    <div class="mui-media-body">视频专区</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <router-link to="#">
                    <span class="mui-icon mui-icon-phone"></span>
                    <div class="mui-media-body">联系我们</div></router-link></li>
	    </ul> 
    </div>
</template>
<script>
//import {Toast} from 'mint-ui'
import swiper from '../subcomponents/swiper.vue'
export default {
    data(){
        return {
            imageList:[]
        }
    },
    created(){
        this.getLunbotu();
    },
    methods:{
        getLunbotu(){
            var self=this;
           $.ajax({
               url:"http://hd215.api.yesapi.cn/?service=App.Table.FreeQuery&model_name=image&logic=and&where=%5B%5B%22dog%22%2C%22%3D%22%2C%220%22%5D%5D&page=1&perpage=20&app_key=9701679D4CFB823670BA30DBEA0AE855&sign=78EB82320F692002F2B3D4B25C7BA583",
               type:"GET",
               dataType:"jsonp",
               success:function(res){
                 self.imageList = res.data.list
               }
           })
        
        }
    },
    components:{
        swiper
    }
}
</script>
<style lang='scss' scoped>
// .mint-swipe{
//     height: 200px;
//     .mint-swipe-item{
//         background-color: red;
//         img{
//             width:100%;
//             height:100%;
//         }
//     }

// }

.mui-grid-view.mui-grid-9{
    background-color: white;
    border: none;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
    border: 0;
}
</style>

